1
00:00:00,200 --> 00:00:07,130
الآن، في الدرس السابق، ألقينا نظرة على ماهية الـ HTML، وفي هذا الدرس أريد أن نبدأ

2
00:00:07,130 --> 00:00:13,640
في استخدامها بأسرع ما يمكن حتى نتمكن من تعلم كيفية كتابة الكود الخاص بنا والبدء في إنشاء مواقع إلكترونية

3
00:00:13,640 --> 00:00:14,240
باستخدامها.

4
00:00:14,270 --> 00:00:19,400
الآن، في هذا الدرس، سوف نتعلم عن أحد أهم العناصر، وهو عنصر العنوان الرئيسي

5
00:00:19,400 --> 00:00:20,060
(heading element).

6
00:00:20,060 --> 00:00:23,320
وهذا هو الشكل الذي يبدو عليه عنصر العنوان الرئيسي.

7
00:00:23,330 --> 00:00:31,460
إنه يبدأ بما يسمى هنا وسم الفتح (opening tag)، وينتهي بما يسمى وسم الإغلاق (closing tag).

8
00:00:31,460 --> 00:00:37,610
الآن، إذا نظرت عن كثب، فإن وسم الفتح وسم الإغلاق يحتويان في الواقع على شيء واحد مختلف،

9
00:00:37,610 --> 00:00:40,520
وهو هذه الشرطة المائلة للأمام (forward slash) هنا تماماً.

10
00:00:40,700 --> 00:00:44,240
وهذا هو ما يجعل هذا الوسم وسم إغلاق.

11
00:00:44,450 --> 00:00:52,100
وما يوضع بين هذين الوسمين هو محتوى هذا العنصر المحدد من عناصر HTML.

12
00:00:52,100 --> 00:00:58,820
لذا في هذه الحالة، ما نقول إننا نريد القيام به هو أننا نريد إنشاء عنوان رئيسي من المستوى الأول H1، وما سيحتويه

13
00:01:58,820 --> 00:01:03,200
هذا العنوان هو هاتين الكلمتين: Hello world.

14
00:01:03,620 --> 00:01:10,670
الآن، في كثير من الأحيان عندما تسمعني أتحدث عن HTML، ستسمعني أشير إلى الوسوم (tags) والعناصر (elements)، وسوف

15
00:01:10,670 --> 00:01:13,490
ترى هذا على الإنترنت وفي كل مكان آخر أيضاً.

16
00:01:13,730 --> 00:01:16,550
إذن ما هو الفرق بالضبط؟

17
00:01:16,850 --> 00:01:20,360
حسناً، الوسم (tag) يشير إلى هذه الأجزاء الصغيرة.

18
00:01:20,360 --> 00:01:21,530
هذه هي الوسوم.

19
00:01:21,530 --> 00:01:27,530
أي شيء يقع داخل الأقواس الزاوية - ونحن نسمي هذه الأقواس بالأقواس الزاوية (angle brackets) - هو وسم.

20
00:01:27,530 --> 00:01:28,910
ولها أسماء مختلفة.

21
00:01:28,910 --> 00:01:32,180
فكما ذكرت، هذا هو وسم الفتح.

22
00:01:33,210 --> 00:01:37,950
وهذا الموجود في النهاية يُسمى بالطبع وسم الإغلاق.

23
00:01:38,520 --> 00:01:40,920
الآن، هذه هي الوسوم.

24
00:01:40,920 --> 00:01:42,630
إذن ما هو العنصر (element)؟

25
00:01:42,660 --> 00:01:52,260
حسناً، الشيء بأكمله هنا، هذا عبارة عن عنصر يتضمن المحتوى بالإضافة إلى أي وسوم فتح أو

26
00:01:52,260 --> 00:01:53,420
إغلاق.

27
00:01:53,430 --> 00:01:56,160
هذا هو عنصر الـ HTML.

28
00:01:56,160 --> 00:01:59,550
وهذه الأجزاء هي الوسوم.

29
00:02:00,120 --> 00:02:05,520
لذا نأمل أن يجعل هذا الأمور أكثر وضوحاً في المرة القادمة التي تسمع فيها عن الوسوم والعناصر.

30
00:02:06,210 --> 00:02:09,750
ما هو الغرض من عناصر العناوين الرئيسية هذه؟

31
00:02:09,750 --> 00:02:12,930
حسناً، الفكرة تأتي من تجليد الكتب.

32
00:02:12,930 --> 00:02:18,810
إذا قمت بإنشاء كتاب وأنشأت جدول محتويات مثل هذا، فسترى أن هناك نوعاً من

33
00:02:18,810 --> 00:02:20,250
التسلسل الهرمي، أليس كذلك؟

34
00:02:20,280 --> 00:02:23,670
لديك العناوين الرئيسية بالمستوى الأعلى هنا.

35
00:02:23,760 --> 00:02:31,530
هذا ربما يكون عنواناً من المستوى الأول، وهذه ستكون عناوين من المستوى الثاني لأنها تشير

36
00:02:31,530 --> 00:02:37,180
إلى شيء مرتبط بشكل أو بآخر بـقسم الاعتماد هذا.

37
00:02:37,300 --> 00:02:45,490
ويمكنك أن ترى داخل القسم الثامن هنا، هناك قسم فرعي آخر وهو 8.1، والذي يدخل في مزيد

38
00:02:45,490 --> 00:02:48,280
من التفاصيل حول جانب معين من القسم الثامن.

39
00:02:48,310 --> 00:02:52,300
هذا في حالتنا قد يكون عنواناً من المستوى الثالث H3.

40
00:02:52,330 --> 00:02:58,270
هذه المستويات هي ما نتمكن من تحديده باستخدام عناوين الـ HTML الخاصة بنا.

41
00:02:59,350 --> 00:03:07,540
هذا هو الشكل الذي سيبدو عليه الكود لجميع مستويات العناوين الستة، وتذكر أنه لا يوجد عنوان

42
00:03:07,540 --> 00:03:08,290
سابع.

43
00:03:08,320 --> 00:03:15,430
لا يوجد شيء اسمه H7، هذا غير موجود بمجرد وصولك إلى العنوان السادس.

44
00:03:15,430 --> 00:03:23,410
هذه هي النهاية تقريباً كما حددها المسؤولون، وأي شيء أقل أهمية، ستبدأ في استخدام

45
00:03:23,410 --> 00:03:27,940
نوع مختلف من الوسوم، والذي سنتطرق إليه لاحقاً.

46
00:03:27,940 --> 00:03:33,610
ولكن بالنسبة لكل شيء من المستوى الأول وحتى السادس، فإن البنية هي نفسها تقريباً.

47
00:03:33,610 --> 00:03:39,490
لديك وسم فتح، وهو H1 أو H6، ولديك وسم إغلاق يحتوي على الرقم المقابل له.

48
00:03:39,490 --> 00:03:40,140
الآن إذا قمت بإنشاء وسم هكذا بـ H1 ثم انتهيت بوسم مختلف مثل H6،

49
00:03:40,150 --> 00:03:47,140
فلن يعمل ذلك أيضاً.

50
00:03:47,170 --> 00:03:49,210
فقط تذكر ذلك عندما تكتب الكود الخاص بك.

51
00:03:49,210 --> 00:03:51,850
الآن، كيف يبدو هذا؟

52
00:03:51,880 --> 00:03:54,070
إذا قمنا بتشغيل هذا الكود، فهذا هو ما سنحصل عليه.

53
00:03:54,070 --> 00:03:57,400
سنحصل على مستويات عناوين مختلفة، وبشكل افتراضي، سيتم تنسيقها ليكون لها أحجام مختلفة.

54
00:03:57,430 --> 00:04:04,870
حيث يكون العنوان الأول هو الأكبر والعنوان السادس هو الأصغر.

55
00:04:04,870 --> 00:04:09,310
يمكننا بالطبع تعديل التنسيق لاحقاً، ولكن بمجرد كتابة هذه العناوين، فإنها تعطينا

56
00:04:09,490 --> 00:04:15,340
مؤشراً على مستوياتنا للتأكد من أننا كتبنا كل الكود الخاص بنا بالشكل المطلوب.

57
00:04:15,340 --> 00:04:21,820
وهذا يتبع أساساً تلك البنية التي رأيناها سابقاً مع جدول المحتويات.

58
00:04:21,820 --> 00:04:26,950
عناوين المستوى الأول هي الأكبر وعناوين المستوى السادس هي الأصغر.

59
00:04:26,950 --> 00:04:32,320
إذن، بعد أن رأينا لمحة عن كيفية عمل كل هذا، دعنا نجرب تمريناً نقوم فيه بإنشاء

60
00:04:32,990 --> 00:04:39,200
عناصر العناوين الخاصة بنا.

61
00:04:39,200 --> 00:04:40,990
لتنزيل ملفات البداية، عليك الذهاب إلى موارد الدورة التعليمية لهذا الدرس والضغط

62
00:04:41,000 --> 00:04:48,440
على ملف "2.1 heading element" من أجل تنزيله.

63
00:04:48,440 --> 00:04:53,060
الآن، إذا كنت لا تعرف أين يوجد ذلك، فربما تكون قد فاتتك النقطة التي شرحت فيها في بداية

64
00:04:53,060 --> 00:04:58,310
الدورة أن هناك درساً يسمى "كيفية تنزيل موارد الدورة"، وهناك أريتك بالضبط

65
00:04:58,310 --> 00:05:05,030
كيفية تنزيل كل مورد من موارد الدورة لكل درس على حدة.

66
00:05:05,030 --> 00:05:08,930
لذا إذا فاتك ذلك، تأكد من التوجه إلى هناك لإلقاء نظرة ومعرفة كيف يمكنك القيام بذلك.

67
00:05:08,930 --> 00:05:14,060
الآن، بمجرد تنزيل هذا الملف، من المهم جداً أن تقوم باستخراجه أو ما نسميه بفك الضغط.

68
00:05:14,810 --> 00:05:21,910
الآن، أول شيء أريدك أن تفعله هو إنشاء مجلد لجميع مشاريع تطوير الويب الخاصة بك،

69
00:05:21,910 --> 00:05:28,250
ويمكنك إنشاء هذا المجلد في أي مكان تريده على سطح المكتب، في القرص C، في قسم اسم المستخدم

70
00:05:28,250 --> 00:05:35,130
الخاص بك، أينما تريد، ولكن فقط قم بتسميته "web development projects" هكذا.

71
00:05:35,130 --> 00:05:40,560
الآن، بمجرد إنشاء هذا المجلد، أريدك أن تمضي قدماً وتفتح ملف الـ zip الذي

72
00:05:41,130 --> 00:05:47,520
قمت بتنزيله للتو بالنقر المزدوج عليه.

73
00:05:47,520 --> 00:05:50,400
وبمجرد فتح ملف الـ zip هذا، أريدك أن تسحبه إلى مجلد "web development projects" الخاص بك

74
00:05:50,490 --> 00:05:57,450
هكذا.

75
00:05:57,600 --> 00:05:58,890
وبعد ذلك ستتمكن من الوصول إليها هنا تماماً.

76
00:05:59,760 --> 00:06:03,150
الآن، الخطوة التالية هي أننا سنقوم بفتحه في برنامج VS Code.

77
00:06:03,450 --> 00:06:07,170
داخل برنامج VS Code، اذهب إلى "File" وسنقوم بإنشاء نافذة جديدة.

78
00:06:08,510 --> 00:06:13,310
الآن افتح المستكشف (explorer) هنا.

79
00:06:13,340 --> 00:06:16,160
وبعد ذلك عندما نكون هنا، سنقوم بفتح مجلد "web development projects" الذي أنشأناه للتو،

80
00:06:16,160 --> 00:06:22,000
ويجب أن تكون قادراً على رؤية مجلد "heading element".

81
00:06:22,010 --> 00:06:26,480
الآن، إذا كان هذا لا يعمل معك لسبب ما، خاصة إذا كنت تستخدم نظام Windows، فقد يكون هذا

82
00:06:26,750 --> 00:06:32,510
بسبب أنك لم تقم في الواقع بخلع واستخراج هذا المجلد بشكل صحيح.

83
00:06:32,510 --> 00:06:36,100
لذا مجدداً، تأكد من النقر المزدوج على ملف الـ zip، أو في نظام Windows،

84
00:06:36,110 --> 00:06:41,120
يمكنك أيضاً النقر بزر الماوس الأيمن عليه والضغط على "Extract".

85
00:06:41,120 --> 00:06:44,510
وبعد ذلك بمجرد القيام بذلك، اسحب هذا المجلد الذي تم استخراجه إلى مجلد "web development

86
00:06:44,510 --> 00:06:50,900
projects" الخاص بك وافتح هذا المجلد داخل برنامج VS Code.

87
00:06:50,900 --> 00:06:56,000
عندما تكون هنا، يمكنك أن ترى أن هناك ثلاثة ملفات في هذا المجلد المسمى 2.1 heading element

88
00:06:56,390 --> 00:07:02,390
أحدها هو ملف index.html.

89
00:07:02,420 --> 00:07:04,880
هذا هو المكان الذي ستكتب فيه الكود الخاص بك، ولدي بعض أكواد البداية لك والتي سنحتاج

90
00:07:04,910 --> 00:07:10,290
إلى تعديلها من أجل إكمال هذا التحدي.

91
00:07:10,290 --> 00:07:13,770
الآن لديك أيضاً الحل، والذي لا أنصح بالنظر إليه حتى تنتهي من التحدي،

92
00:07:13,800 --> 00:07:20,220
فقط للتحقق من الكود الخاص بك أو معرفة ما إذا كانت هناك أي اختلافات.

93
00:07:20,220 --> 00:07:23,790
الآن لاحظ كيف أضفت مساحة صغيرة هنا حتى لا تراه بالخطأ إلا إذا كنت ترغب في ذلك.

94
00:07:23,790 --> 00:07:29,430
ولكن إذا كنت تريد رؤية الحل، فقط قم بالتمرير لأسفل وستجده هناك في الأسفل.

95
00:07:29,430 --> 00:07:34,110
الهدف من هذا التمرين هو جعل الكود هنا ينشئ موقعاً إلكترونياً يبدو كهذا.

96
00:07:34,320 --> 00:07:43,560
تذكر سابقاً عندما قمنا بالإعداد والتنزيل لبرنامج VS Code، أريتك كيفية تثبيت

97
00:07:43,740 --> 00:07:48,780
إضافة "live preview".

98
00:07:48,780 --> 00:07:50,580
إذا كنت لا ترى "live preview" عندما تضغط على الإضافات (extensions)، فقد يعني هذا أنك قد فوتّ

99
00:07:50,580 --> 00:07:55,770
بعض الأجزاء من ذلك الفيديو.

100
00:07:55,770 --> 00:07:57,360
لذا يرجى العودة إلى فيديوهات الإعداد والتنزيل لـ VS Code لأن هناك بعض الأشياء الأخرى التي

101
00:07:57,360 --> 00:08:03,690
أحتاج منك إعدادها أيضاً.

102
00:08:03,690 --> 00:08:05,100
تأكد من عدم تخطي أي من هذه الدروس إلا إذا كنت تعرف بالضبط ما تفعله وأنت معتاد جداً على كل شيء.

103
00:08:05,130 --> 00:08:10,020
ما تتيحه لنا ميزة "live preview" هذه هو الانتقال إلى ملف الكود index.html، والنقر بزر الماوس الأيمن عليه

104
00:08:10,020 --> 00:08:11,400
والضغط على "show preview".

105
00:08:11,580 --> 00:08:18,690
لذلك ينبغي الآن أن تفتح نافذة أخرى ويمكنك رؤية أنها تعرض لنا فصول الكتاب، القسم الأول،

106
00:08:18,690 --> 00:08:20,160
الفصل الأول، الفصل الثاني، فصول الفصل الثالث والأشكال التوضيحية والأقسام الفرعية.

107
00:08:20,160 --> 00:08:26,190
لسوء الحظ، يبدو أن كل شيء يظهر في سطر واحد طويل فقط، وإذا قمت بسحبه، يمكنك أن ترى

108
00:08:26,190 --> 00:08:31,800
أنه مجرد سطر واحد طويل.

109
00:08:31,800 --> 00:08:31,920
لا يوجد أي تنسيق على الإطلاق ولا يوجد أي مؤشر على التسلسل الهرمي.

110
00:08:31,920 --> 00:08:38,010
وهنا يأتي دور التحدي.

111
00:08:38,010 --> 00:08:44,400
ستستخدم ما تعلمته عن عناصر العناوين الرئيسية من أجل تنسيق هذا الكود هنا في

112
00:08:44,400 --> 00:08:46,860
ملف index.html لننتهي بشيء يبدو كهذا.

113
00:08:46,890 --> 00:08:54,660
لذا نريد أن تعرض لنا المعاينة عناصر العنوان الأول وعناصر العنوان الثاني وعناصر العنوان الثالث.

114
00:08:54,660 --> 00:08:59,820
وهذا، الشكل التوضيحي الأول هذا هو في الواقع عنصر عنوان من المستوى الرابع H4.

115
00:08:59,820 --> 00:09:05,700
لذا يجب أن يكون لديك من H1 إلى H4 في الكود الخاص بك هنا.

116
00:09:05,700 --> 00:09:09,330
إذن هذا هو الوقت المناسب لإيقافي مؤقتاً في الفيديو ومحاولة إكمال هذا التحدي.

117
00:09:09,330 --> 00:09:14,370
وبعد الانتهاء، يمكنك استئناف الفيديو وسنقوم بمراجعة الحل معاً، أوقف

118
00:09:14,370 --> 00:09:21,030
الفيديو الآن وجربه.

119
00:09:21,030 --> 00:09:26,970
حسنًا.

120
00:09:26,970 --> 00:09:28,890
إذن سيكون لدينا عنصر H1 واحد هنا في الأعلى، والذي سيكون مخصصاً لهذه الكلمة "book".

121
00:09:32,320 --> 00:09:32,770
لذا سنضع عنصر H1 هنا تماماً، وسنقوم بسحب كلمة "book" الخاصة بنا، والتي هي

122
00:09:32,770 --> 00:09:40,480
المحتوى.

123
00:09:40,510 --> 00:09:48,250
تذكر، بين هذين الوسمين، هذه هي الطريقة التي يتم بها تنسيق وسوم العناوين الرئيسية لدينا.

124
00:09:48,250 --> 00:09:48,820
الآن، التالي هو أقسام الفصل الأول، الفصل الثاني، الفصل الثالث، وستكون جميعها

125
00:09:48,820 --> 00:09:54,700
المستوى التالي من التسلسل الهرمي، وهو H2.

126
00:09:54,790 --> 00:10:00,910
لذا دعونا نفعل ذلك لجميع الأجزاء الثلاثة.

127
00:10:00,910 --> 00:10:05,500
وبعد ذلك يمكننا الانتقال إلى H3، والتي ستكون الأقسام داخل الفصول.

128
00:10:05,530 --> 00:10:08,290
والآن سأقوم فقط بالتقديم السريع لبقية الكود حتى لا تشعر بالملل.

129
00:10:16,830 --> 00:10:23,070
وفي النهاية، هذا الشكل التوضيحي، الذي ينتمي إلى القسم الأول في الفصل الثاني، سيكون

130
00:10:23,220 --> 00:10:27,690
المستوى الأخير والأدنى في التسلسل الهرمي، وهو H4.

131
00:10:29,000 --> 00:10:35,930
وبمجرد الانتهاء من كل هذا الكود، يمكنك التحقق من عملك مقابل كود الحل ويجب

132
00:10:35,930 --> 00:10:40,860
أن تراه متطابقاً تماماً.

133
00:10:40,880 --> 00:10:47,120
الآن، أحد الأشياء التي ستجدها هي أنه عندما تضغط على حفظ باستخدام Command S أو باستخدام File Save، سترى

134
00:10:47,120 --> 00:10:49,400
أنه يقوم بتنسيق الكود تلقائياً بحيث نفقد أي مسافات بادئة (indentation).

135
00:10:51,020 --> 00:11:00,320
لا تقلق إذا حدث هذا لك، فهذا أمر طبيعي تماماً.

136
00:11:01,020 --> 00:11:05,810
وإذا تحققنا من عملنا مقابل الحل، يمكنك أن ترى أنهما متطابقان تماماً.

137
00:11:05,840 --> 00:11:09,470
وينتهي بنا الأمر بنفس النتيجة مثل الصورة المستهدفة، وهو ما كنا نسعى إليه.

138
00:11:09,590 --> 00:11:13,670
كيف تمكنت من القيام بذلك؟

139
00:11:13,700 --> 00:11:14,600
لا تقلق إذا أخطأت في بعض الأشياء، فهذا هو المكان الذي يكون فيه من الآمن أن تخطئ وتجرب الأشياء لأننا مجرد نتعلم

140
00:11:14,600 --> 00:11:20,840
ولا توجد اختبارات ولا أحد يراقبك.

141
00:11:21,470 --> 00:11:22,960
كل ما يهم هو أنك تتعلم أشياء بالفعل. هذا هو الشيء المهم.

142
00:11:22,970 --> 00:11:23,750
قم بالتلاعب بالكود وتجربته.

143
00:11:23,750 --> 00:11:30,170
لا تقلق، إذا فعلت أي شيء خاطئ، فهناك دائماً حل، وأنا هنا لمساعدتك.

144
00:11:30,170 --> 00:11:32,600
هناك بضعة أشياء يجب ملاحظتها فيما يتعلق بالمسموحات والممنوعات عندما يتعلق الأمر بعناصر العناوين الرئيسية والتي

145
00:11:32,630 --> 00:11:35,420
أريد أن أتحدث معك عنها.

146
00:11:35,420 --> 00:11:36,890
أحد القواعد المهمة هي ملاحظة أنه في تمريننا لم يكن هناك سوى H1 واحد فقط.

147
00:11:36,920 --> 00:11:38,590
ليس من الممارسات الجيدة وجود أكثر من H1 واحد لأن H1 هو العنوان في المستوى الأعلى تماماً.

148
00:11:38,600 --> 00:11:42,260
تخيل H1 كعنوان الكتاب وجدول المحتويات على أنه يشمل الأجزاء الأخرى.

149
00:11:42,260 --> 00:11:44,240
لذا ربما يكون H2 هو الفصل الأول.

150
00:11:44,240 --> 00:11:44,900
لا تضع أكثر من H1 واحد.

151
00:11:44,900 --> 00:11:49,880
بدلاً من ذلك، إذا كنت بحاجة إلى عنوان فرعي آخر أو مستوى آخر من العناوين، فانتقل إلى H2 أو H3 أو كل

152
00:11:49,880 --> 00:11:51,390
العناوين الأخرى وصولاً إلى H6.

153
00:11:51,420 --> 00:11:56,990
الآن الشيء الآخر الذي يجب الانتباه إليه هو عدم تخطي أي مستوى.

154
00:11:57,000 --> 00:12:05,280
عندما تقوم بإنشاء عناصر العناوين، لا تنتقل مباشرة من H1 إلى H3.

155
00:12:05,310 --> 00:12:11,340
إذا كان لديك H3، فيجب أن يكون هناك أيضاً H2 في مكان ما على صفحة الويب تلك.

156
00:12:11,340 --> 00:12:14,520
بدلاً من ذلك، أوصي بالذهاب بالترتيب؛ عندما يكون لديك H1 قمت بإنشائه ثم أدركت

157
00:12:15,150 --> 00:12:17,580
أنك بحاجة إلى عنوان آخر، فانتقل إلى H2.

158
00:12:17,580 --> 00:12:26,400
وبعد ذلك إذا كنت بحاجة إلى مستوى آخر من العناوين يكون أقل في الأهمية، فانتقل إلى H3.

159
00:12:26,400 --> 00:12:29,430
لا تقفز بين العناوين ذات المستويات المختلفة.

160
00:12:30,180 --> 00:12:34,710
هذه ليست أشياء ستؤدي إلى كسر الكود الخاص بك؛ سيظل موقع الويب الخاص بك يبدو جيداً حتى لو كسرت كل هذه القواعد.

161
00:12:34,710 --> 00:12:40,440
ولكنها مجرد قواعد متعارف عليها.

162
00:12:40,470 --> 00:12:46,170
وبما أننا سنكون محترفين، سنبدأ البداية الصحيحة ونتعلم كل القواعد التي نحتاج إلى معرفتها.

163
00:12:46,230 --> 00:12:52,650
الآن، إذا كنت ترغب في القراءة أكثر عن عناصر العناوين الرئيسية، فإنني أوصي بالذهاب إلى الأداة الاحترافية،

164
00:12:52,650 --> 00:12:55,650
وهي وثائق الويب لشبكة مطوري موزيلا (MDN Web Docs)، ولديهم وثائق لجميع

165
00:12:55,650 --> 00:13:01,620
عناصر HTML الموجودة.

166
00:13:01,650 --> 00:13:04,680
وعندما تقرأ في كل صفحة من هذه الصفحات، فإنهم يخبرونك بمزيد من التفاصيل حول الأشياء التي تحتاج

167
00:13:04,890 --> 00:13:07,710
إلى معرفتها، ويعرضون لك بعض الأمثلة التفاعلية لكيفية عمل كل ذلك.

168
00:13:07,710 --> 00:13:11,190
الآن، لا أنصح بقراءة كل هذه الصفحات لجميع عناصر HTML، ولكنني أوصي

169
00:13:11,190 --> 00:13:13,140
بأنه إذا كنت ستستخدم عنصراً جديداً لم تره من قبل ولا تعرف كيف يعمل،

170
00:13:13,140 --> 00:13:17,880
ولم تحصل على محاضرة عنه، فأنصحك بمجرد إلقاء نظرة سريعة على الوثائق ورؤية بعض

171
00:13:17,880 --> 00:13:19,740
الأمثلة حول كيفية استخدامها بطريقة مماثلة لتلك التي أريتك إياها في المحاضرات.

172
00:13:20,270 --> 00:13:27,350
الآن بعد أن تعلمنا عن أحد أهم عناصر HTML، وهي عناصر العناوين، في

173
00:13:27,380 --> 00:13:34,610
الدرس القادم، سننتقل إلى عنصر آخر فائق الأهمية وهو عنصر الفقرة (paragraph element).

174
00:13:34,760 --> 00:13:36,950
لذا لكل هذا وأكثر، سأراكم هناك.